<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Utility Catalog</title>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/slider.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				firstShow:true,
				lastShow:true,
				numericprevnext:true,
				speed:1500
			});
		});	
	</script>
	
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
	
</head>
<body>

<div id="container">

	<div id="header">
		<h1>Utility Catalog</h1>
	</div>

	<div id="content">
	
		<div id="slider">
			<ul>				
				<li><img src="../UtilityDocuments/M1.jpg" alt="Css Template Preview" width="100%" height="100%" /></li>
				<li><img src="../UtilityDocuments/M2.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
				<li><img src="../UtilityDocuments/M3.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
				<li><img src="../UtilityDocuments/TI 1.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
				<li><img src="../UtilityDocuments/TI 2.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>			
				<li><img src="../UtilityDocuments/TI 3.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
			</ul>
		</div>
		
	</div>
	<p><strong>&copy; 2012 All Rights Reserved. Deloitte Consulting LLP</strong></p>
</div>
</body>
</html>
